<template name="ys-goods-images">
<view class="ys-goods-images">
    <swiper class="goods-images" indicator-dots=1 autoplay=1 circular=1 duration=1000 indicator-active-color="#e60013">
        <swiper-item class="image" v-for="(item, index) in list" :key="index">
            <image :src="item.img_url" class="goods-image" />
        </swiper-item>
        <view v-if="home_page" class="go-home-page"></view>
        <view v-if="usercenter_page" class="go-usercenter-page"></view>
    </swiper>
</view>
</template>

<script>
    export default {
        name: "ys-goods-images",
        props: {
            list: {
                type: Array,
                default: () => []
            }
        },
        mounted() {
        },
        data() {
            return {

            };
        },
        methods: {

        }
    }        
</script>

<style lang="scss">
    .ys-goods-images {
        position:relative;
        .goods-images {
            height: 750upx;
            .image {
                .goods-image {
                    display:block;
                    width:100%;
                    height:100%;                   
                }
            }
            .go-home-page {
                left: 0;
                background-image: url('');                
            }
            .go-usercenter-page {
                right: 0;
                background: url('') center center no-repeat;
            }
        }
    }
</style>
